<template>
  <div>
    <el-card>
      <h2>用户信息</h2>
      <p>昵称: {{ user.name }}</p>
      <p>邮箱: {{ user.email }}</p>
      <h3>收藏的餐厅</h3>
      <ul>
        <li v-for="restaurant in user.favorites" :key="restaurant">{{ restaurant }}</li>
      </ul>
      <h3>历史操作记录</h3>
      <!-- 操作记录 -->
    </el-card>
  </div>
</template>

<script setup>
import {ref} from 'vue';

const user = ref({
      name: '李四',
      email: 'restaurant@example.com',
      favorites: ['李四餐厅1', '李四餐厅2']
    }
)
</script>